import type { LegacyRef } from 'react';

export interface PlaceholderOptions {
  /**
   * 流体
   */
  fluid?: boolean;
  /**
   * 深色背景
   */
  inverted?: boolean;
  /**
   * 转发 ref
   */
  forwardedRef?: LegacyRef<HTMLElement>;
}

export interface PlaceholderHeaderOptions {
  /**
   * 图片
   */
  image?: boolean;
  /**
   * 转发 ref
   */
  forwardedRef?: LegacyRef<HTMLElement>;
}

export interface PlaceholderLineOptions {
  /**
   * 长度
   */
  length?: 'full' | 'long' | 'very long' | 'medium' | 'short' | 'very short';
  /**
   * 转发 ref
   */
  forwardedRef?: LegacyRef<HTMLElement>;
}

export interface PlaceholderParagraphOptions {
  /**
   * 转发 ref
   */
  forwardedRef?: LegacyRef<HTMLElement>;
}

export interface PlaceholderImageOptions {
  /**
   * 比例；square 1:1 rectangular 4:3
   */
  ratio?: 'square' | 'rectangular';
  /**
   * 转发 ref
   */
  forwardedRef?: LegacyRef<HTMLElement>;
}
